import React, { Component } from 'react'

export default class App extends Component {
  //声明当前组件的模型数据 -- 状态数据 -- 只有状态数据才能实现"响应式"
  state={
    count:0,
    name:'zs'
  }

  render() {
    return (
      <div>
        <button onClick={()=>{
          //这种写法只能修改state数据本身,不能影响真正的视图
          //this.state.count++;
          //console.log(this.state.count)

          //必须通过setState进行修改,可以同时修改state数据和视图,对于未参与变化的数据，会保留
          this.setState({count:this.state.count + 1})
          console.log(this.state.count)
        }}>当前点击次数:{this.state.count} - {this.state.name}</button>        
      </div>
      )
  }
}
